<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script type="text/javascript" src="../script/jquery-3.7.1.min.js"></script>
  <script type="text/javascript">
    $(function (){
      //失去焦点，如果为空则设置为默认值
      $("#b1").blur(function (){
        var currentVal = $(this).val();
        if(currentVal==""){
          $(this).val(this.defaultValue);
        }
      })


      $("#b1").focus(function (){
        //点击设置为空
        var currentVal = $(this).val();
        if(currentVal==this.defaultValue){
          //defaultValue即默认值"用户邮箱/手机号/用户名"
          $(this).val("");
        }
      })
    })
  </script>
</head>
<body>
u :<input name="username" value="用户邮箱/手机号/用户名" id="b1"> <br><br>
p :<input name="password" id="b2"> <br>
<input type="button" value="登录" id="b3">
</body>
</html>